<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel = "stylesheet" href="../css/iphone11 pro-css.css">

</head>

<body>
    <div class = "index">
        <div class = "indextop">
            <div class = "cha"></div>
            <div class = "topz">正面45°</div>
        </div>


        <div class = "indexmid">
            <div class = "midin">
                <img src = "../img/pro/ic_shoes.png" alt="" />
            </div>
        </div>

        <div class = "indexbottem">
            <div class = "bottemtop">
                <span>图片整洁美观将提升浏览量、售出时间缩减50%</span>
            </div>

            <div class="bottemmid1">
                <img class = "p1" src="../img/pro/image_Example diagram_h.png" alt="" />
                <img class = "p2" src="../img/pro/image_positive_h.png" alt="" />
                <img class = "p3" src="../img/pro/image_Shoes picture_h.png" alt="" />
            </div>
            <div class="bottemmid2">
                <span class = "s1">示例图</span>
                <span class = "s2">*正面45*</span>

                <span class = "s3">*鞋标</span>
                <span class = "s4">*背面图</span>
                <span class = "s5">*鞋底图</span>
                <span class = "s6">鞋盒</span>
            </div>

            <div class="bottemfoot">
                <!-- <div class="Bin"> -->
                <div class = "icon1"><img src="../img/pro/icon_album_h.png" alt="" /></div>
                <div class = "icon2"><img src="../img/pro/btn_photograph_h.png" alt="" /></div>
                <div class = "icon3"><img src="../img/pro/icon_Flashlight_h.png" alt="" /></div>
                <!-- </div> -->
                
            </div>



        </div>
    </div>

    <script src = "./flexible.js"></script>
</body>

</html>